// import ControlDemo from './components/ControlDemo'
// import LifeCircleCont from './components/LifeCircleCont'
// import PureDemo from './components/PureDemo'
// import LeanCLoudDemo from './components/LeanCLoudDemo'
// import TodoList from './todo/TodoList'
// import Test1 from "./components/Test1/Test1.js"
// import Weather from "./components/Weather/Weather.js"
import Person from "./components/Person/Person";
import InputTest from "./components/InputTest/InputTest";
import Form from "./components/Form/Form";
import Form2 from "./components/Form2/Form2";
import Form3 from "./components/Form3/Form3";
function App() {
    const per1={name:"小兰",age:66,school:"dt"}
  return (
    <div>
      {/* <ControlDemo/> */}
      {/* <LifeCircleCont/> */}
      {/* <PureDemo/> */}
      {/* <LeanCLoudDemo/> */}
      {/* <TodoList/> */}
      {/* <Test1 pro1="hh" /> */}
      {/*<Weather/>*/}
      <Person name={"小红"} age={55} school={"dd"}></Person>
        <Person {...per1} ></Person>
        <InputTest></InputTest>
        <Form></Form>
        <Form2></Form2>
        <Form3></Form3>

    </div>
  );
}

export default App;
